<template>
	<view>
		<view class="nodataWp">
			<image class="nodataImg" :src="nodataImgUrl">
			</image>
			<view class="nodataText">
				{{nodataText}}
			</view>
			<slot></slot>
		</view>
	</view>
</template>

<script>
	export default {
		name: "nodata",
		data() {
			return {

			};
		},
		props: {
			nodataImgUrl: {
				type: String,
				default: 'https://file.casugn.com/storecompcard/temp/空页面@2x(8)_1681113928886.png'
			},
			nodataText: {
				type: String,
				default: '暂无数据'
			}
		}
	}
</script>

<style lang="scss">
	.nodataWp {
		width: 100%;
		height: 60vh;
		display: flex;
		align-items: center;
		justify-content: center;
		flex-direction: column;

		.nodataImg {
			width: 240rpx;
			height: 240rpx;
		}

		.nodataText {
			margin-top: 20rpx;
			width: 100%;
			color: #666;
			font-size: 28rpx;
			text-align: center;
		}


	}
</style>
